<template lang="pug">
  column-layout
    div.shadow(slot='left1')
      app-menu
    row-layout
      div(slot='top1')
        div(style='height:100px;box-shadow: 0 1px 1px #ccc;')
      div.p2.abs-fit
        app-content
</template>
<script>
import AppMenu from './common/app-menu/index'
import AppContent from './text/index'
export default {
  components: {
    AppMenu,
    AppContent
  }
}
</script>
<style scoped>
.layout{
  border: 1px solid #d7dde4;
  background: #f5f7f9;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.layout-header-bar{
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
</style>
